	$(document).ready(function() {
    $('.cpzx_con img').each(function() {
        // 创建一个红色图层并添加到图片上
        var overlay = $('<div class="overlay"></div>');
        $(this).wrap('<div style="position: relative; overflow: hidden;"></div>').parent().append(overlay);

        // 监听鼠标进入事件
        $(this).parent().on('mouseenter', function(e) {
            var overlay = $(this).find('.overlay');
            var offset = $(this).offset();
            var x = e.pageX - offset.left;
            var y = e.pageY - offset.top;
            var width = $(this).width();
            var height = $(this).height();

            if (x < width / 2 && y < height / 2) { // 从左上角进入
                overlay.css({left: '-100%', top: '-100%'}).animate({left: '0', top: '0', opacity: 1}, 500);
            } else if (x >= width / 2 && y < height / 2) { // 从右上角进入
                overlay.css({left: '100%', top: '-100%'}).animate({left: '0', top: '0', opacity: 1}, 500);
            } else if (x < width / 2 && y >= height / 2) { // 从左下角进入
                overlay.css({left: '-100%', top: '100%'}).animate({left: '0', top: '0', opacity: 1}, 500);
            } else { // 从右下角进入
                overlay.css({left: '100%', top: '100%'}).animate({left: '0', top: '0', opacity: 1}, 500);
            }
        });

        // 监听鼠标离开事件
        $(this).parent().on('mouseleave', function(e) {
            var overlay = $(this).find('.overlay');
            var offset = $(this).offset();
            var x = e.pageX - offset.left;
            var y = e.pageY - offset.top;
            var width = $(this).width();
            var height = $(this).height();

            if (x < width / 2 && y < height / 2) { // 向左上角离开
                overlay.animate({left: '-100%', top: '-100%', opacity: 0}, 500);
            } else if (x >= width / 2 && y < height / 2) { // 向右上角离开
                overlay.animate({left: '100%', top: '-100%', opacity: 0}, 500);
            } else if (x < width / 2 && y >= height / 2) { // 向左下角离开
                overlay.animate({left: '-100%', top: '100%', opacity: 0}, 500);
            } else { // 向右下角离开
                overlay.animate({left: '100%', top: '100%', opacity: 0}, 500);
            }
        });
    });
});